/* CSS Document */

*{text-overflow: ellipsis;word-break:break-all;}
body{
	margin: auto;

	font-size: 14px;
	line-height: 2;
	color: #666666;
	min-width:1250px; background-color:#FFFFFF;

}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}

div,ul,li,span,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box}
p{ font-size:15px; line-height:26px;}


@font-face {   
   font-family: 'fontAnt';   
   src: url('font/Antoniobold.eot');   
   src: url('font/Antoniobold.eot?#iefix') format('embedded-opentype'),         
		url('font/Antoniobold.woff') format('woff'),         
	    url('font/Antoniobold.ttf') format('truetype'),         
		url('font/Antoniobold.svg#NeuesBauenDemo') format('svg');   
  font-weight: normal;   
  font-style: normal;  
}
@font-face {   
   font-family: 'fontSyst';   
   src: url('font/SourceHanSerifCNBold.eot');   
   src: url('font/SourceHanSerifCNBold.eot?#iefix') format('embedded-opentype'),         
		url('font/SourceHanSerifCNBold.woff') format('woff'),         
	    url('font/SourceHanSerifCNBold.ttf') format('truetype'),         
		url('font/SourceHanSerifCNBold.svg#NeuesBauenDemo') format('svg');   
  font-weight: normal;   
  font-style: normal;  
}

table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover { color: #363838; }
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
/*鍨傜洿灞呬腑*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*鍥剧墖鏀惧ぇ*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}

.fl{ float:left}
.fr{ float:right}
.box{
	width:1600px;
	margin:auto;
	min-width:1250px;

}



#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.8); display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.8);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.1);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}

#foott1{ background-color:#181818; clear:both; padding-top:40px;padding-bottom:20px;}

#foott1,#foott1 a{ color:#ffffff;}
.footnavs{
	text-align:center;
	border: 1px solid #494949; padding-top:5px; padding-bottom:5px;
}
.footnavs a{
	text-align:center;
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	position: relative;
	
}
.footnavs a:after{
	content:'';
	width:3px;
	height:1px;
	float: left;
	margin-top: -0.5px;
	position: absolute;
	left: 0px;
	top: 50%; background-color:#FFFFFF;
}
.footnavs a:nth-child(1):after{ display:none}
#foott1 .copys{ clear:both; padding-top:40px; padding-bottom:40px;}

#foott1 .copys .left{ float:left;}
#foott1 .copys .right{ margin-left:250px; padding-top:20px;}
/*鍐呴〉搴曢儴*/
.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden; background-color:#FFFFFF;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#D50310; color:#FFFFFF}

.pagination li a{ color:#333333}


.links{
	background-color: #1ad6ff;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
	width:100%;
	clear:both;
	font-size:14px;
	position: relative;
}
.links,.links a{ color:#ffffff;}
.links .title{ float:left; width:75px;}
.links .econtent{  margin-left:75px;}
.links:after{
	content:'';
	left:50%;
	border-left: 35px solid rgba(0,0,0,0);
	border-right: 35px solid rgba(0,0,0,0);
	border-bottom: 35px solid rgba(0,0,0,0);
	border-top: 20px solid #1ad6ff;
	position: absolute;
	z-index: 2;
	bottom: -55px;
}





/*鍐呴〉*/
.bannerin{ text-align:center}
.bannerin img{ width:100%;}

.bannerin{
	clear:both;
	text-align: center;
	position: relative; margin:auto;
}
.bannerin:after{
	content:'';
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px; float:left; /*background-color:rgba(0,0,0,0.3);*/
}
.bannerin .h1{/* display:none;
*/
	text-align: center;
	position: absolute;

	width: 100%;
	left: 0px;
	top: 50%;
	color:#FFFFFF; 
	z-index:2;
	margin-top: -27px;  line-height:1.5;
}
.bannerin .h1 span{/*text-shadow:2px 2px 6px #000000;*/text-shadow:0 1px 2px rgba(0,0,0,0.6);
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	border: 1px solid #ffffff; font-size:36px;border: 1px solid rgba(255,255,255,0.5);
}
/*.bannerin .h1 i{
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
	clear:both;
	position: relative;
	font-size: 36px;
	font-style: normal;
	text-transform: capitalize; color:rgba(255,255,255,0.9);  
}
.bannerin .h1 span:before{content:'';
	float: left;
	width: 2em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	position: absolute;
	left: 50%; margin-left:-1em;
	bottom: 0px;
}
*/




.pronav{ float:left; width:100%; line-height:70px; clear:both; 	background-color:#EFEFEF; padding-top:15px; padding-bottom:15px; line-height:35px;}
.pronav .fl{
	background-image: url(in_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:30px; font-size:12px;
}
.pronav .fl,.pronav .fl a{color:#333333;}
.pronav .fr a{
	display:inline-block;
	font-size:14px;

	color:#333333;
	position: relative; z-index:1;text-align:center; padding-left:20px; padding-right:20px;border-radius:3px;
	background-color:#ffffff;
}
.pronav .fr a:after{
	content:'';
	left:50%;
	margin-left:-5px;
	border-left: 5px solid rgba(0,0,0,0);
	border-right: 5px solid rgba(0,0,0,0);
	border-bottom: 5px solid rgba(0,0,0,0);
	border-top: 5px solid #ffffff;
	position: absolute;
	z-index:11;
	bottom: -10px; 
}
.pronav .fr  a.hover:after,.pronav .fr  a:hover:after{

	border-top: 5px solid #D50310;

}
.pronav .fr  a.hover,.pronav .fr  a:hover{ background-color:#D50310; color:#FFFFFF;z-index:1;}

#cms,#cms1{
	float: left;
	width: 100%;
	overflow: hidden;
	min-height:550px; 
	padding-bottom: 50px; float:left; width:100%; padding-top:30px; clear:both;
}

#cms1 *{ max-width:100%;}
#cms1 .content{ width:98%; margin:auto;

	overflow: hidden; padding-top:10px;

	padding-bottom: 10px; font-size:16px; 
}



.back a{
	background-color: #D50310;

	padding-right: 25px;

	padding-left: 25px; color:#fff; display:inline-block;
}
.back a:hover{ background-color:#D50310; color:#FFFFFF}

.back { text-align:right; clear:both; padding-top:10px; font-size:14px; line-height:35px;
	
}

#info{
	font-size: 12px;
	color: #999999;
	text-align: center;
}

#cms img,#cms1 img{ margin-bottom:5px; margin-top:5px;}





#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #737373;
	padding-bottom: 5px;
	line-height: 32px;
	font-size: 14px;
	
}
#cms .li .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-family: "瀹嬩綋";
	text-overflow: ellipsis;

}
#cms .li .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
}
#cms .li .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 14px;
}
#cms1 .content{
	float: left;
	width: 98%;
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px; padding-left:1%; padding-right:1%; line-height:1.5;
}
#cms1 h1.h1{ line-height:1.2; font-weight:bold; padding-bottom:10px;color:#333333}
#cms1 #info{ color:#CCCCCC; padding-top:10px; padding-bottom:10px;}
#cms1 .content,#cms1 .content a{ color:#333333}	

#cms1 .proshow{ background-color:#FFFFFF; padding:10px;}
#cms1 .proshow .img{ float:left; width:48%;}
#cms1 .proshow .img img{ width:100%;}
#cms1 .proshow .right{ margin-left:55%; margin-right:5%; padding-top:80px;}
#cms1 .proshow .right h1.h1{ font-weight:lighter; font-size:32px; color:#000000;}
#cms1 .proshow .right .dp{ padding-top:20px;}
#cms1 .proshow + .ptitle{ /*background-color:#ffffff; */margin-top:50px; margin-bottom:20px; float:left; width:100%; line-height:80px;	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0065b2;}
#cms1 .proshow + .ptitle b{
	padding-left:50px;
	font-size:32px;
	background-color:#0065b2;
	color:#FFFFFF;

	float:left;
	padding-right:50px;
	position: relative;
}

#cms1 .proshow + .ptitle b:after{ content:'';
 content:'';	
	right:-60px;
	top:0px; 
	border-left: 30px solid #0065b2;
	border-right: 30px solid rgba(0,0,0,0);
	border-top: 40px solid rgba(0,0,0,0);
	border-bottom: 40px solid #0065b2;
	position: absolute; z-index:11;
}

#cms .newsList{width:96%; padding:0 0 25px 0;overflow:hidden; background-color:#FFFFFF; padding-left:2%; padding-right:2%;}
#cms .newsList li{ display:block; padding:30px 0; border-bottom:1px solid #ddd; width:100%; overflow:hidden;}
#cms .newsList li i{ display:inline-block; width:144px; height:100px; border-right:1px solid #ddd;font-family:'fontAnt'; text-align:center;vertical-align:middle;}
#cms .newsList li i h1{ font-size:40px; margin:15px 0 5px 0; line-height:40px; color:#D50310}
#cms .newsList li i h2{ font-size:20px; color:#888}
#cms .newsList li span{display:inline-block;width:calc(100% - 370px); padding:0 30px; vertical-align:middle; }
#cms .newsList li span h3{ font-size:24px; font-weight:bold; margin-bottom:8px; line-height:30px;}
#cms .newsList li span h4{ line-height:26px; color:#888; font-size:15px; text-align:justify}
#cms .newsList li div{ display:inline-block; width:225px; overflow:hidden; float:right; position:relative; z-index:1}
#cms .newsList li div img{width:100%; height:150px;}
#cms .newsList li h5{ width:1px; height:150px; display:inline-block; vertical-align:middle; }
#cms .newsList li h6{ position:absolute; right:0; bottom:0;text-align:center}
#cms .newsList li h6 a{background:rgba(0,0,0,0.5); font-size:12px; color:#fff; width:40px; height:20px; line-height:20px; display:block}
#cms .newsList li h6 a:hover{background:rgba(230,0,18,0.7);}
#cms .newsList li a:hover h4{ color:#444} 






#cms .list{ width:23%; margin-left:1%; margin-right:1%;
overflow:hidden; float:left; margin-top:20px; margin-bottom:20px; text-align:center;padding:10px; background-color:#FFFFFF;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;box-shadow:0 0 8px rgba(0,0,0,0.05);
}


#cms .list:nth-child(4n+1){ clear:both}
#cms .list  .ntitle{
	white-space: nowrap;
	overflow: hidden; padding-top:10px; padding-bottom:10px; font-size:16px;color:#333333
}
#cms .list a{ display:block}
#cms .list a:hover .ntitle { color:#ffffff}
#cms .list:hover{ background-color:#D50310;}

#cms .list .img{ 	 
	min-height:205px; max-height:205px;_height:205px; height:205px; overflow:hidden;  text-align:center; 	position: relative;
	 display: flex;
    justify-content:center;
    align-items:Center;
}
#cms .list .img img{max-width:100%;/*min-height:205px; max-height:205px; _height:205px;*/ }


#cms .list .img a:hover img,#cms .list:hover .img  img{opacity:1; }


#cms .picli{
	float: left;
	width: 96%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-left:1%;
	padding-right:1%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .picli:nth-child(2n+1){ clear:both}

/*#cms .picli:hover a{color: #0099FF;}*/
#cms .picli .img{

	overflow:hidden;
	padding: 2px;
	border: 1px solid #dddddd; border-radius:3px; overflow:hidden; float:left;
}
#cms .picli .img img{ width:185px; height:120px; }


#cms .picli .img+.right{ margin-left:200px;}
#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "瀹嬩綋";*/
	font-size: 12px;
	color: #666666; line-height:1.5; height:3em; overflow:hidden;
}
#cms .picli .img+ .right> .dp{ max-height:6em;}
#cms .picli .date+ .right> .dp{ height:3em;}
#cms .picli .right .ntitle{
	font-size: 16px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}

#cms .picli .date{
	float:left;
	overflow:hidden; background-color:#999999;
	background-color:rgba(0,0,0,0.6);

	width:90px;
	height:90px;
	text-align: center;border-radius:5px; font-size:12px;
}
#cms .picli .date+.right{ margin-left:100px;}	
#cms .picli .date>span{display:block; font-size:32px;background-color:rgba(255,255,255,0.2); color:#FFFFFF; line-height:60px;}
#cms .picli .date>i{
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	color: #ffffff; display:block;
}

#cms .picli:hover{background-color:rgba(255,255,255,0.1);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli:hover a{color:#ff7e27}


#cms .picli .right .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;

text-overflow: ellipsis;
}
#cms .picli .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#cms .picli .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 12px;
}
#cms .picli .title,#cms .picli .dp{ float:left; width:100%;}
#cms .picli .dp{ font-size:12px; color:#999999; line-height:1.5;  }





/*棣栭〉*/	
#flash{ overflow:hidden;}
#flash .pagination{ display:none}






img{ border:none}
/*涓诲鑸彍鍗� 2017.11.2*/
.MenuList_f1, .MenuList_f1>ul { }
.MenuList_f1>ul>li {  }
.MenuList_f1>ul>li a {
	z-index: 1;
	position: relative;
	display: block;
	text-transform: capitalize;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 100px;
}
.MenuList_f1>ul>li a span { display: inline-block; vertical-align: middle; line-height: 1.5; }
.MenuList_f1>ul>li>:first-child { text-align: left; font-weight: normal; display: block; position: relative; z-index: 1; font-size: 24px; color: #fff; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { color: #363838; }
.MenuList_f1>ul>li>:nth-child(2) { display: none !important; opacity: 0; height: 0; overflow: hidden; line-height: 80px; background: #FFF; background: rgba(255,255,255,0.96); left: 0; z-index: 2; position: absolute; width: 100%; }
.MenuList_f1>ul>li:hover>:nth-child(2) { transition: 0.3s ease 0s;  height: 80px; opacity: 1; }
.MenuList_f1>ul>li ul li { max-width: none; float: none; margin-left: 80px; width: auto; padding: 0px; display: inline-block; }
.MenuList_f1>ul>li ul li a { text-transform: capitalize; width: 100%; overflow: hidden; display: block; color: #555; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; }
.MenuList_f1>ul>li ul li a:hover { color: #ed1b24; }
.MenuList_f1>ul>li>:first-child:after { }
.MenuList_f1>ul>li:hover>:first-child:after, .MenuList_f1>ul>li>:first-child.on:after {  }
/*姹夊牎鑿滃崟PC*/
/*.test .menu-icon span:after { transform: rotateZ(-45deg); }
.test .menu-icon span:before { transform: rotateZ(45deg); }
.test .menu-icon span { background: transparent !important; }
.test .menu-icon span:before, .test .menu-icon span:after { bottom: 0 !important; top: 0 !important; }*/
.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; display: inline-block; height: 2px; background: #fff; content: ''; width: 26px; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -8px; }
.menu-icon span:after { bottom: -8px; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-i { cursor: pointer; background:rgba(0,207,255,0.6); color:#FFFFFF; overflow: hidden; width: 120px; height: 32px; line-height: 32px; float: right; text-align: center; border-radius: 30px; position: relative; z-index: 1; }
.menu-i1 { transition: 0.3s ease 0.8s; opacity: 1; right: 0; }
/*---瀵艰埅end------------------------------------------------------------------------------------------------------------------------*/
/*鍏敤 class*/
.w-93 { width: 90%; margin: 0 auto;  }
.w-82 { width: 82%; margin: 0 auto; }

/*--鍏敤 class end-----------------------------------------*/
/*鍏抽敭璇�*/
.index-quick-nav{position: absolute;bottom: 30px;left: 20px;z-index: 999;}
.quick-nav h1 {display: inline-block;vertical-align: top;background: rgba(255,255,255,0.5);font-size: 12px;padding: 0.5vw 1vw;}
.quick-nav a{margin-left: 10px;}
.quick-nav a:first-child{margin-left: 0;}
/*鍏抽敭璇� ending*/
/*menu-box*/
.MenuList_f1 {/* background: url("../images/bg2.png") no-repeat right 20px;*/ background-size: 62% auto; }
.menu-box { width: 100%; top: 0; position: fixed; left: 0; z-index: 3; padding-top:20px; padding-bottom:20px; }
.logo+div { height: 100%; text-align: right; max-width:1500px; }
.logo+div>.dis-m { transform: scale(0, 1); transition: 0.3s ease 0s; height: 100%; padding-left: 20px; width: 72%; position: fixed; right: 0; top: 0; transform-origin: right; opacity: 0; max-width: 960px; }
body.on .logo+div>.dis-m { transform: scale(1); opacity: 1; }
.MenuList_f1 ul { width: 315px; margin-top:30px; }
.MenuList_f1>ul>li a{ color:#FFFFFF}
.MenuList_f1>ul>li a:hover{ color:#000000}
.MenuList_f1>ul>li a:after { transition: 0.3s ease 0s; width: 0; content: ''; height: 1px; background: #fff; position: absolute; top: 50%; left: 275px; z-index: -1; }
.MenuList_f1>ul>li a:before { transition: 0.3s ease 0s; content: ''; position: absolute; top: 0; left: -20px; width: 0; background: #00cfff; padding-left: 0; height: 100%; z-index: -1; }
.MenuList_f1>ul>li>:first-child.on a:before, .MenuList_f1>ul>li:hover>:first-child a:before { width: 100%; padding-left: 20px; left: -20px; }
.MenuList_f1>ul>li>:first-child.on a:after, .MenuList_f1>ul>li:hover>:first-child a:after { width: 120px; }

/*--menu-box end-----------------*/
/*logo*/
.menu-box>div { height: 100%; }
.logo {
	width: 100%;

	float:left;
	position: absolute;
	left: 0px;
	top:10px;
}
.logo>div{ width:1300px; margin:auto; max-width:96%;}
.logo a { display: block; }
.logo img { transition: 0.3s ease 0s; }
.menu-box .T { padding-right: 5vw; padding-top: 5vw;height:100%; /*height: calc(100% - 5vw);*/ background: #363838; overflow: auto; margin-right: -20px; }
body.on .p .menu-box { position: fixed; }

.menu-box.fixed{ background-color:rgba(0,0,0,0.8);}/*寰€涓嬫粴锛屽崐閫忔槑鑳屾櫙鑹�*/


/*鎼滅储*/
.form { position: relative; z-index: 1; margin-right: 10px; padding: 13px 20px; width: 240px; float: right; margin-top: -7px;}
.form:before { opacity: 1; transition: 0.3s linear 0s; content: ''; background: rgba(187,187,187,0.2); right: 0; top: 0; width: 100%; height: 100%; border-radius: 25px; border: 1px solid rgba(255,255,255,0.4); box-sizing: border-box; position: absolute; z-index: -1; }
.form.on:before { opacity: 0; border: none; width: 20px; border-radius: 0; height: 20px; right: 20px; top: 50%; margin-top: -10px; z-index: 2; cursor: pointer; }
.form.on input { display: none; }
.form button { display: inline-block; vertical-align: middle; width: 20px; height: 20px; position: relative; background: none; z-index: 1; cursor: pointer; }
.form button:before { content: ''; position: absolute; width: 19px; height: 19px; border: 2px solid #ffffff; box-sizing: border-box; z-index: -1; top: 0; left: 0; border-radius: 50%; }
.form button:after { content: ''; position: absolute; right: 0; bottom: 0; width: 4px; height: 2px; z-index: -1; transform: rotateZ(45deg); background: #ffffff; }
.form input { font-size: 16px; display: inline-block; background: none; color: #bbb; width: 185px; vertical-align: middle; padding-right: 15px; border:none}

/*瀹㈡湇*/

.kefu { margin-top: -122px; top: 50%; z-index: 999; left: 10px; position: fixed; z-index: 2; width:60px; }


.kefu li {
	font-size: 0;
	position: relative;
	transition: 0.3s linear 0s;
	cursor: pointer;
	margin-bottom: 1px;
	display: block;
	width: 60px;
	height: 60px;
	white-space: nowrap;
	line-height: 60px;
	float: left;
}
.kefu span { vertical-align: top; display: inline-block; }
.kefu .img {transition: 0.3s linear 0s; text-align: center;  height: 60px; width: 60px;background: rgba(0,0,0,0.7);}

.kefu .img span{display: flex;
    justify-content:center;
    align-items:center; height: 60px; width: 60px;}
.kefu .text { opacity: 0; transition: 0.3s linear 0s; background: #7f7f7f; color: #fff; height: 60px; line-height:60px; font-size: 24px; width: 200px; text-align: center; }

/*寰俊*/
.kefu li:nth-child(2):hover .hover { display: block; }
.kefu .hover:before { z-index: 2; left: -7px; border-color: transparent transparent transparent #fff; border-width: 7px 0 7px 8px; margin-top: -7px; }
.kefu .hover:after { margin-top: -8px; left: -10px; border-color: transparent transparent transparent #ddd; border-width: 8px 0 8px 10px; }
.kefu .hover:before,.kefu .hover:after { transform: rotateZ(180deg); border-style: solid; position: absolute; content: ''; width: 0; box-sizing: border-box; top: 30px; }
.kefu .hover { background: #fff; display: none; border: 1px solid #ddd; height: 140px; width: 140px; position: absolute; left: 80px; top: 0; }

.kefu li.dianhua, .kefu li.qq { transform: translateX(-200px); }/*榛樿寰€宸︿究瀹�200*/
.kefu li:first-child:hover, .kefu li.qq:hover { transform: translateX(0px); }
.kefu .text a { display: block; font-size: 18px;color:#FFFFFF }

.kefu li:hover, .kefu li:hover .img, .kefu li:first-child:hover span.text, .kefu li:nth-child(3):hover span.text, .kefu li:nth-child(4):hover span.text { opacity: 1; background: #00cfff; }



.logo div{ max-width:1366px; margin:auto;}
.section{
	clear:both;
	overflow:hidden;
	float:left;
	width:100%;
	position: relative;
}
.section img{ float:left;}

.form button{ border:none}

.navs{
	text-align: center;
	position: absolute;
	width:650px;
	top: 50%;
	left: 50%; z-index:2; float:left;  margin-top:-150px; margin-left:-325px;
}
.navs img,.yuan img{ float:none}


/*棣栭〉*/
/*.flash{ overflow:hidden;}
.flash img{ float:left;}*/
.bg{background-repeat: no-repeat;
	background-position: center center; background-size:100% 100%; float:left; width:100%; clear:both; padding-top:80px; padding-bottom:80px; font-size:14px;}
.about{
	background-image: url(aboutbg.jpg);
	
}
.about .img{
	float:left;
	overflow: hidden;
	padding:5px;
	border: 1px solid #696869;
	position: relative;
}
.about .img *{ max-width:100%;}
.about .right{ margin-left:550px; font-size:16px; line-height:2.5;}
.about,.about  a{ color:#ffffff;}
.about .right .h1{ font-size:42px; line-height:1.5;}
.about .right .econtent{ padding-top:20px;}
.about .block{ clear:both; padding-top:20px;} 
.about .block .item{ float:left; width:20%; text-align:center; font-size:16px;}
.about .block .item .t1{ font-size:20px;}
.about .block .item .t1 span{ font-size:48px;}
.about .block .item .t2 span{ color:#1ad6ff;}

.pro{float:left; width:100%; clear:both; padding-top:20px; padding-bottom:0px; background-color:#1a2633; color:#ffffff; text-align:center;}
.pro,.pro a{ color:#ffffff;}
.pro *{ max-width:100%;}
.pro .etitle{ font-size:48px;}
.pro .entitle{ font-size:14px;}
.pro .more{ background-color:#bd0000}
.pro .econtent{ padding-top:20px; clear:both;}
.pro .econtent .picli{
	float:left;
	width:25%;
	position: relative; height:265px;
}
.pro .econtent .picli .img{  
  justify-content:center;display: flex;
    align-items:Center;
	 font-size:30px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ overflow:hidden; float:left; width:100%; height:100%;}
.pro .econtent .picli .img img{ width:100%; height:100%;}
.pro .econtent .picli .ntitle{ line-height:1.5;
	position: absolute;
	height: 100%;
	width: 100%; padding:30px;
	left: 0px;
	top: 0px;
	z-index: 2; background-color:rgba(0,0,0,0.5);display:none;
    justify-content:center;
    align-items:Center; font-size:30px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ overflow:hidden;display: flex
}
.pro .econtent .picli a:hover .ntitle{display:none}
.pro .econtent .picli .ntitle span{
	display:inline-block;
	position: relative;padding-bottom:3px;
}
.pro .econtent .picli .ntitle span:after{
	content:'';
	width: 2.5em;
	position: absolute;
	left: 50%;
	bottom: 0px; margin-left:-1.25em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #1ad6ff; 
}
.pro .more{ padding-top:10px; padding-bottom:10px; clear:both;}

.shebei{
	background-image: url(sbbg.jpg); padding-top:0px;
}
.shebei,.shebei a{ color:#ffffff;}
.shebei .etitle{ font-size:30px; text-align:center; color:#FFFFFF}
.shebei .etitle b{
	display:inline-block;
	background-color:#d01817;
	padding-left:20px;
	padding-right:20px;
	position: relative;
}
.shebei .etitle b:after{
	float:left;
	content:'';
	border-top-width: 30px;
	border-right-width:30px;
	border-bottom-width:30px;
	border-left-width: 30px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:  #d01817;
	border-right-color:rgba(0,0,0,0);
	border-bottom-color:rgba(0,0,0,0);
	border-left-color: #d01817;
	position: absolute;
	top: 0px;
	right: -60px;
}
.shebei .etitle b:before{
	float:left;
	content:'';
	border-top-width: 30px;
	border-right-width:30px;
	border-bottom-width:30px;
	border-left-width: 30px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:  #d01817;
	border-right-color:#d01817;
	border-bottom-color:rgba(0,0,0,0);
	border-left-color: rgba(0,0,0,0);
	position: absolute;
	top: 0px;
	left: -60px;
}
.shebei .entitle{ color:#737373; padding-top:30px; text-align:center; max-width:90%; margin:auto;}
/*.shebei *{ max-width:100%;}*/
.shebei .econtent{ padding-top:30px; clear:both;}
.shebei .picli{ width:23%; float:left; overflow:hidden; margin-left:1%; margin-right:1%; }
.shebei .picli .img{ width:100%; height:205px; overflow:hidden;/*display: flex;
    justify-content:center;
    align-items:center; */background-color:rgba(0,0,0,0.8); float:left; width:100%;}
.shebei .picli .img	img{ height:100%; width:100%;}
.shebei .picli .ntitle{
	text-align:center;
	white-space: nowrap;
	overflow: hidden; float:left; width:100%;margin-bottom:10px; margin-top:10px;
}	
	.shebei .picli:nth-child(1) .img{ height:460px;}
	.shebei .picli:nth-child(1) .img img{ min-height:100%;}
	
.news{
	background-image: url(newsbg.jpg);
}
.news .etitle{ font-size:30px;text-align:center;}
.news .entitle{
	font-size:12px;
	text-align:center;
	color:#999999;
	text-transform: uppercase;
}
.news .entitle b{
	display:inline-block;
	position: relative;
}
.news .entitle b:after{
	content:'';
	width: 20px;
	margin-left: -10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d20001;
	position: absolute;
	left: 50%;
	bottom: 0px;
}
/*.news .econtent{ padding-top:20px;}*/
.news,.news a{ color:#ffffff;}
.news .nright{ float:left; width:500px; margin-top:35px;}
.news .nright .img{
	width:495px;
	max-width:100%;
	overflow:hidden;
	margin-bottom:15px;
	border: 3px solid #929394;border-radius:3px;
}
.news .nright .img img{ width:100%; height:100%;}
.news  .ntitle{
	font-size:24px;
	line-height:1.5;
	white-space: nowrap;
	overflow: hidden;
}
.news  .dp{ color:#d9d9d9; line-height:1.5; max-height:3em; overflow:hidden; margin-top:10px;}
.news .nleft{ margin-left:520px;}
.news .nleft .ntitle{}
.news .nleft .li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4a4a4b;
	padding-bottom: 35px;
	padding-top: 35px;
}

#flash{
	position: relative;
}
#flash .block{
	position: absolute;
	left: 10%;
	bottom: 0px;
	width: 80%; z-index:2; 
}
#flash .block a{
	width:calc(33.3333333% - 2px);
	float:left;
	background-color:rgba(0,0,0,0.5);
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:100px;
	margin-left:1px;
	margin-right:1px;
	width: calc(33.3333333% - 2px);
	line-height:1.5;
	position: relative;
	}
#flash .block a:after{
	content:'>';
	height:30px;
	width:30px;
	position: absolute;
	top: 50%;
	right: 15px; color:#f3c903; font-size:15px;    transform: scale(1,3);
    -ms-transform: scale(1,3);
    -webkit-transform: scale(1,3);
    -moz-transform: scale(1,3);
    -o-transform: scale(1,3); line-height:30px; margin-top:-15px;
}	
#flash .block a b{ font-size:24px; display:block}
#flash .block a span{ font-size:16px; display:block}
#flash .block a.a1{
	background-image: url(a1.png);

}
#flash .block a.a2{background-image: url(a2.png);}
#flash .block a.a3{background-image: url(a3.png);}

#flash .block2{
	position: absolute;
	width: 600px;
	left: 50%;
	top: 50%;
	margin-top: -122px;
	margin-left: -300px; z-index:2;
}
#flash .block2 a{ width:48%; float:left; width:243px; height:243px;	background-repeat: no-repeat;
	background-position: center center;}
#flash .block2 a.a3{
	background-image: url(a4.png);
	
}
#flash .block2 a.a4{ float:right;background-image: url(a5.png);}